<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/register.css">
</head>
<body>
<div class="left">
</div>
<div class="right">
    <header>
        <div class="title">
            <img src="public/imgs/logo-mi2.png" alt="">
            <p>小米账号</p>
        </div>
        <div class="nav">
            <a href="">用户协议</a>
            <a href="">隐私政策</a>
            <a href="">帮助中心</a>
            <div class="language">
                <a href="">中文简体</a>
            </div>
        </div>
    </header>
    <div class="container">
        <div class="card">
            <div class="nav-wrap">
                <div class="login-btn">
                    <a href="login.html">登陆</a>
                </div>
                <div class="register-btn">
                    <a href="register.html">注册</a>
                </div>

            </div>
            <div class="form-container">
                <div class="input-text">
                    <input type="text" id="username" placeholder="用户名(2-6位)" >
                </div>
                <div class="input-text pwd">
                    <input type="password" id="password"placeholder="密码(6-12位)" >
                </div>
                <div class="input-text phone">
                    <input type="text" id="phone" placeholder="手机号(11位)">
                </div>
                <div class="accept">
                    <input type="checkbox" class="checkbox">
                    <span>已阅读并同意小米帐号 <a target="_blank" rel="noopener noreferrer" href="/about/protocol/agreement?_locale=zh_CN">用户协议</a> 和 <a target="_blank" rel="noopener noreferrer" href="/about/protocol/privacy?_locale=zh_CN">隐私政策</a></span>
                </div>
                <div class="login-submit-btn">
                    <button><input type="submit" value="注册" id="submit"></button>
                </div>
                <div class="form-action">
                    <div class="form-action-start">
<!--                        <a href="">忘记密码?</a>-->
                    </div>
                    <div class="form-action-end">
<!--                        <a href="">手机号登陆</a>-->
                    </div>
                </div>
            </div>
            <div class="title-login">
                其他方式登陆
            </div>
            <div class="login-list">
                <a href=""><img src="public/imgs/其他/zfb.png" alt=""></a>
                <a href=""><img src="public/imgs/其他/wx.png" alt=""></a>
                <a href=""><img src="public/imgs/其他/qq.png" alt=""></a>
                <a href=""><img src="public/imgs/其他/wb.png" alt=""></a>
            </div>
        </div>

    </div>
    <footer>
        小米公司版权所有-京ICP备10046444-京公网安备11010802020134号-京ICP证110507号
    </footer>
</div>
<script src="js/register.js"></script>
</body>
</html>